<template>
	<view class="play">
		<view class="main1" v-for="(item,index) in play" :key="index" @click="toDetail(item.id)">
			<view class="left">
				<view class="title">{{item.title}}</view>
			    <view class="time">{{item.createtime}}</view>
			</view>
            <view class='right'><image :src="item.image" mode="" class="image"></image></view>
		</view>
	</view>
</template>

<script>
	export default {
	  data() {
	    return {
		   play:[
				
			]
	    };
	  },
		created() {
			this.faqList()
		},
	  mounted() {
	
	  },
	  methods: {
			faqList(){
				var that = this
				that.$http('common.play', {
					type:3
				}).then(res => {
					if (res.code === 1) {
						this.play = res.data.cate;
						
					}
				});
			},
		 toDetail(id) {
			 this.$Router.push({ path: '/pages/public/play/detail', query: { id:id,type:'help'}})
			}
	  }
	
	}
</script>

<style  lang="scss" scoped>
	.play{
		width: 715rpx;
		margin:20rpx auto;
		border-radius: 12rpx;
		background: white;
		height: 100%;
	}
	.main1{
		background: white;
		overflow: hidden;
		border-bottom:1px solid #F3F3F3;
		margin: 18rpx;
		padding:25rpx 0;
		.left{
			padding-left:20rpx;
			width: 400rpx;
			float: left;
			.title{
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
			.time{
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
				margin-top:75rpx;
			}
		}
	    .right{
			
			float: right;
			.image{
				width: 201rpx;
				height: 129rpx;
				border-radius: 10rpx;
			}
		}
	}
</style>
